<template>
  <div id="app">
    <section class="app-main">
      <transition name="fade-transform" mode="">
        <!-- or name="fade" -->
        <!-- <router-view :key="key"></router-view> -->

        <!-- tab切换刷新include -->
        <!-- <keep-alive :include="cachedViews"> -->
        <keep-alive>
          <router-view />
        </keep-alive>
      </transition>
    </section>

  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>
<style lang="scss" scoped>
  .app-main{
    padding:16px;
  }
  /* 解决element-ui的table表格控件表头与内容列不对齐问题 */
.el-table.el-table--scrollable-y th.gutter {
  display: table-cell !important;
  width: 8px !important;
}
</style>
